<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
	 <title>麦当劳</title>
	
	 <link rel="stylesheet" href="../assets/css/bootstrap.min.css"> 
	 <link rel="stylesheet" href="../assets/css/style.css">
	 <script src="../assets/js/jquery.min.js"></script>
	 <script src="../assets/js/popper.min.js"></script>
	 <script src="../assets/js/bootstrap.min.js"></script>
	 <!--[if lt IE 9]>
	 　　<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	 　　<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	 <![endif]-->
	 </head>
	 
	 
	 <body>
		 
	 <div class="site-wrapper container container-fluid">
 
	 <header class="header-section section position-static">
		 <!--头部-->
		 
		 <nav class="navbar  bg-light navbar-light navbar-expand-md">
		 	<a class=" navbar-brand" href="index.html">
		 		<img style="width: 60px;height: 60px;" src="../assets/images/logo.png" alt="clothes">
		 	</a>				
		 	<!-- 设置汉堡按钮 -->
		 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse">
		 	  <span class="navbar-toggler-icon"></span>
		 	</button>
	  <!-- 导航栏-->
	  <div class="collapse navbar-collapse" id="navbarcollapse">
	  	<ul class="navbar-nav nav-tabs">
	  		<li class="nav-item"><a class="nav-link" href="../index.html">首页</a></li>
	  		<li class="nav-item dropdown">
	  			<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				购物 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="../gouwu.html">产品浏览</a></li>
	  				
	  			</ul>
	  		</li>
	  		<li class="nav-item dropdown">
	  			<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				个人中心 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="login.html">注册登录</a></li>
	  			
	  			</ul>
	  		</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					美味时刻 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">活动一</a></li>
					<li><a class="dropdown-item" href="#">活动二</a></li>
				</ul>
			</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					亲子活动 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">爱成长</a></li>
					<li><a class="dropdown-item" href="#">开心生日会</a></li>
				</ul>
			</li>
	  	</ul>
	  </div>
	
	  
	
	  </header>
	  </div>
	  	 </div>
	
	  <div class=" container ">
	   <div class="bg1 row container">
		  
	   </div>
	   <div class="bg2 container">
		   <div class="container">
			   <h1 class="text-danger font-weight-bold">不素之霸</h1>
			   <hr />
			   <h3 class="text-danger ">营养成分：</h3>
			 <div class="table-responsive">          <!--响应式表格-->
			 
			   <table class="table">
			     <thead>
			       <tr>
					   <th>单位</th>
			        
			         <th>能量</th>
			         <th>蛋白质</th>
			         <th>脂肪</th>
			         <th>碳水化合物</th>
			         <th>钠</th>
			         <th>钙</th>
			         <th>价格</th>
			       
			       </tr>
			     </thead>
			     <tbody>
			       <tr>
					    <td>数量</td>
			         <td>1922千焦</td>
			         <td>27.6克</td>
			         <td>23.9克</td>
			         <td>32.2克</td>
			         <td>915毫克</td>
			         <td>100毫克</td>
			         <td>20元</td>
			         
			       </tr>
			     </tbody>
			   </table>
			   </div>
			   <button type="button" class="btn btn-primary btn-lg btn-block">添加营养计算器</button>
		   
		   <h4 style="margin-top: 20px;">新鲜健康，任你出彩。让麦当劳成为你均衡饮食的一部分吧！<br />
饮食需要多样、搭配与适度，选择下方麦当劳美食，计算一餐麦当劳的营养信息，更好搭配你一天的膳食！</h4>
		  
		  <h5 style="margin-top: 20px;"> <small>本营养计算器提供了麦当劳常规菜单中主
		  要餐品的六种营养成分数据，供消费者参考。营养成分数据以单份餐品计量。
		  六种营养成分包括能量、蛋白质、脂肪、碳水化合物、钠和钙。上述营养成分数据更新时间为2019年2月。 <br />
上述营养成分参考值是根据供应商提供的产品信息和麦当劳全球营养程序手册的标准，由国家认可的实验
室测定，经汇总和验证后得出。您所购买的餐品，有可能因原料批次、产地和供应季节，生产加工工艺和餐厅烹制过程，实际供应
份量的不同有所差异。此外，麦当劳会不定期更新产品配方，亦可能影响上述营养成分数据</small></h5>
                 <small><hr ></small>
		  		  </div>
				
				  </div>
	   </div>
	   
	    
	    
	  </div>

	  <div ><img class="img-fluid" src="assets/images/huodong/99.jpg" style="margin-top: 20px;"></div>	 </body>